<!DOCTYPE html>
<html ng-app="myApp">

<head>
    <meta charset="UTF-8">
    <title>邮储白领贷</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="../public/css/index2.css">
    <link rel="stylesheet" type="text/css" href="css/evaluation.css">
    <link rel="stylesheet" type="text/css" href="css/radio.css">
	<link rel="stylesheet" href="http://p5vm7p3yi.bkt.clouddn.com/weui.min.css">
	<link rel="stylesheet" href="http://p5vm7p3yi.bkt.clouddn.com/jquery-weui.min.css">
</head>

<body class="index">
    <header>
        <div class="title">
            <a href="#" onclick="history.go(-1)" class="goBack">
                <span></span>
            </a>
            <span>试算</span>
        </div>
    </header>
    </span>
    <div class="viewport">
        <div class="cal-box">
            <section id="con0">
                <span class="left">是否有房贷及信用卡透支?</span>
                <div class="right">
                    <div class="listDiv">
                        <input id="option-0-1" type="radio" name="otherloan0" class="otherloan0 option-radio" value="1">
                        <label for="option-0-1" value="1">
                            <div></div>
                            <span>有</span>
                        </label>
                    </div>

                    <div class="listDiv">
                        <input id="option-0-2" type="radio" name="otherloan0" class="otherloan0 option-radio" value="0">
                        <label for="option-0-2" value="0">
                            <div></div>
                            <span>无</span>
                        </label>
                    </div>
                </div>
            </section>
            <section id="con1">
                <span class="left">是否有其他负债?</span>
                <div class="right">
                    <div class="listDiv">
                        <input id="option-1-1" type="radio" name="otherloan" class="otherloan option-radio" value="1">
                        <label for="option-1-1" value="1">
                            <div></div>
                            <span>有</span>
                        </label>
                    </div>
                    <div class="listDiv">
                        <input id="option-1-2" type="radio" name="otherloan" class="otherloan option-radio" value="0">
                        <label for="option-1-2" value="0">
                            <div></div>
                            <span>无</span>
                        </label>
                    </div>

                </div>

            </section>
            <section id="con3">
                <span class="left">现任职务<i>(主借贷人信息)</i></span>
                <div class="right" style="margin-right:10px;margin-bottom: 15px;">
                    <select class="title" id='incumbent'>
                        <option value="" selected>请选择</option>
                        <option value="1">客户经理</option>
                        <option value="2">其他</option>
                    </select>
                </div>
            </section>
            <section id="con4">
                <span class="left">职级<i>(主借贷人信息)</i></span>
                <div class="right" style="margin-right: 10px;">
                    <select class="level" id='level' style="height: 40px;">
                        <option value="" selected>请选择</option>
                        <option value="1">普通职员</option>
                        <option value="2">中层管理</option>
                        <option value="3">高层管理</option>
                    </select>
                </div>
            </section>
            <section id="con2">
                <span class="left">婚姻状况</span>
                <div class="right">
                    <select class="marital" id='marital'>
                        <option value="" selected>请选择</option>
                        <option value="1">单身</option>
                        <option value="2">已婚</option>
                    </select>
                </div>
            </section>
            <div class="tips hide high con2tips">提示：已婚需夫妻共同签字申请</div>
            <section class="" id="con5">
                <span class="left">请选择额度测算方式</span>
                <div class="right">
                    <div class="listDiv">
                        <input id="option-3-1" type="radio" name="caltype" class="option-radio evaluationType" value="1">
                        <label for="option-3-1" value="1">
                            <div></div>
                            <span>单人申请</span>
                        </label>
                    </div>
                    <div class="listDiv">
                        <input id="option-3-2" type="radio" name="caltype" class="option-radio evaluationType" value="2">
                        <label for="option-3-2" value="2">
                            <div></div>
                            <span>夫妻共同申请</span>
                        </label>
                    </div>
                </div>
            </section>
            <div class="tips con5tips"> <span class="spanColor">提示：</span> 夫妻共同申请，需配偶签字，<span class="spanColor">负债及收入以夫妻合计为准</span>，但额度可能更高哦</div>
        </div>

        <div class="bq-tabcontent" style="margin-top:10px;background:#fff">

            <section id="con6">
                <span class="left">首次参加工作时间*<i>(主借贷人信息)</i></span>
                <!-- <div class="right years" style="line-height: 40px;margin-left: 10px;" onclick="bqdt.toggle(this);"><b data-year="" class="syear firstWorkTime">请选择</b></div>
                <div class="bq-datepicker"></div> -->
                <div onclick="bqdt.toggle(this);" class="right" style="height: 60px;">
                    <div class="numDiv" style="border: 1px solid #999999;width: 67.5%;display: flex;justify-content: space-between;font-size:14px;align-items: center;margin-left:10px;padding-left: 5px;margin-bottom: 20px;">
                        <span data-year="" class="syear firstWorkTime "> 
                            <span>请选择</span>
                        </span>
                        <img src="./images/index/drop-down.png" alt="">
                    </div>
                </div>
                <div class="bq-datepicker"></div>
            </section>

            <section id="con7">
                <span class="left">进入现单位时间*<i>(主借贷人信息)</i></span>
                <div onclick="bqdt.toggle(this);" class="right">
                    <div class="numDiv" style="border: 1px solid #999999;width: 70%;display: flex;justify-content: space-between;font-size:14px;align-items: center">
                        <span data-year="" class="syear unitTime "> 
                            <span>请选择</span>
                        </span>
                        <img src="./images/index/drop-down.png" alt="">
                    </div>
                </div>
                <div class="bq-datepicker"></div>
            </section>

            <section id="con8">
                <span class="left"><i style="color:#666;">家庭</i>月收入*<b style="color:#ff7621">(税前,含公积金)</b></span>
                <div class="right">
                    <div class='numDiv'>
                        <button id="numBtn1" class="min left" onclick="minus(this);">-</button>
                        <input id="numInput" type="text" class="income text left" placeholder="11000" maxlength="8">
                        <button id="numBtn2" class="max left" onclick="plus(this);">+</button>
                    </div>
                </div>
            </section>
            <div class="tips high con8tips hide">
                <p>提示：1. 办理时需提供公积金账号</p>
                <p><span style="color:#fff">提示：</span>2. 准确填写有助于精确计算</p>
            </div>
            <div class="tips high con8tips0 hide">
                <p>提示：请确认填写的收入和月供是您与配偶的合计金额</p>
            </div>
            <section id="con9">
                <span class="left">是否本地籍</span>
                <div class="right">
                    <div class="listDiv">
                        <input id="option-2-1" type="radio" name="registry" class="option-radio" value="1">
                        <label for="option-2-1" value="1">
                            <div></div>
                            <span>是</span>
                        </label>
                    </div>
                    <div class="listDiv">
                        <input id="option-2-2" type="radio" name="registry" class="option-radio" value="0">
                        <label for="option-2-2" value="0">
                            <div></div>
                            <span>否</span>
                        </label>
                    </div>
                </div>
            </section>
        </div>
        <div class="bq-tabcontent">
            <section id="con10">
                <span class="left">房贷月供*</span>
                <div class="right">
                    <div class='numDiv'>
                        <button class="min left " id="numBtn1" onclick="minus(this);">-</button>
                        <input type="text" class="houseloan text left " id="numInput" placeholder="0" maxlength="8">
                        <button class="max left " id="numBtn2" onclick="plus(this);">+</button>
                    </div>
                </div>
            </section>
            <div class="tips high con10tips hide">提示：10万贷30年，月供约500元。</div>
            <section id="con11">
                <span class="left">其他月供合计*</span>
                <div class="right">
                    <div class='numDiv'>
                        <button class="min left " id="numBtn1" onclick="minus(this);">-</button>
                        <input type="text" class="otherloans text left " id="numInput" placeholder="0" maxlength="8">
                        <button class="max left " id="numBtn2" onclick="plus(this);">+</button>
                    </div>
                </div>
            </section>
            <div class="tips high con11tips hide" style="color:black">提示：除房贷以外，剩余还款期<span style="color: #ff7621">大于1年的月供合计</span></div>
            <section id="con12">
                <span class="left">已用信用贷款金额</span>
                <div class="right">
                    <div class='numDiv'>
                        <button class="min left " id="numBtn1" onclick="minus(this);">-</button>
                        <input type="text" class="loaned text left " id="numInput" placeholder="100000" maxlength="8">
                        <button class="max left " id="numBtn2" onclick="plus(this);">+</button>
                    </div>
                </div>
            </section>
            <div class="tips high con12tips hide" style="color:black">提示：随借随还类贷款。剩余还款期<span style="color: #ff7621;">短于1年的贷款余额</span>也填在这里哦</div>
            <div class="tips high con12tips0 hide">
                <font style="color: #fff;">提示：</font>申请时，请提供个人/家庭资产证明，如房产土地证，车辆行驶证，理财单据等。</div>
            <button class="btn-calc" onclick="calculate();">点击测算</button>
        </div>
    </div>
    <div class="success-box modal m_box">
        <img src="./images/index/calculateResult.png" alt="" width="100%">
        <div class="apply" onclick="goapply();">
            马上申请
        </div>
        <div class="unApply" onclick="getUrl();">
            暂不申请
        </div>
        <span id="range">0万</span>
        <img src="./images/index/delect.png" alt="" width="20" class="delect" onclick="closeModal()">
    </div>



    <div class="invite-box modal">
        <!-- <img src="./images/index/delect.png" alt="" width="20" class="delect" style="top:10px;" onclick="closeModal()"> -->
        <div class="tips">长按二维码保存或分享给小伙伴</div>
        <div id='qrcode' style="height: 220px;margin: 0 auto;width: 220px;">
        </div>
        <div class="btns" style="margin-top:10px;">
            <button class="btn active" style="height:30px;margin-top:10px" onclick="closeModal();">知道了</button>
        </div>
    </div>

 
	<script src="http://p5ve3s2gq.bkt.clouddn.com/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="http://p5ve3s2gq.bkt.clouddn.com/jquery-weui.js" type="text/javascript"></script>
    <script src="../public/js/modifyUrlpath.js"></script>
    <script src="http://p5ve3s2gq.bkt.clouddn.com/qrcode.min.js"></script>
    <script src="../public/js/common.js"></script>
    <script src="js/evaluation.js"></script>
    <script src="../public/js/ajaxWhite.js"></script>
    
	<script src="http://p5ve3s2gq.bkt.clouddn.com/storage.js" type="text/javascript"></script>
    <script type="text/javascript" src="../../../../assets/js/wechat/jssdk_api.js"></script>
    <script type="text/javascript" src="../../../../assets/js/wechat/wechatApi.js"></script>
    <script>
        qrcode = new QRCode('qrcode', {
            width: 220,
            height: 220,
            colorDark: "#ff7621", //背景颜色 
        });
        qrcode.makeCode(window.localStorage.getItem('indexHref'));
    </script>
</body>

</html>